<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
			var indexWebView;
			var muiWebView; //mui组件demo
			var openMuiDemoPage = function() {
				mui.openWindow({
					url: 'muiDemo/muiDemo.html',
					id: 'abc',
					styles: {
						top: 0, //新页面顶部位置  
						bottom: 0, //新页面底部位置  
						width: 2000, //新页面宽度，默认为100%  
						height: 2000, //新页面高度，默认为100%

						//......
					},
					extras: {
						//自定义扩展参数，可以用来处理页面间传值  
					},
					show: {
						autoShow: true, //页面loaded事件发生后自动显示，默认为true  
						aniShow: 'slide-in-right', //页面显示动画，默认为”slide-in-right“；  
						duration: 200 //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；	  
					},
					waiting: {
						autoShow: true, //自动显示等待框，默认为true  
						title: '正在加载...', //等待对话框上显示的提示内容  
						options: {
							width: '', //等待框背景区域宽度，默认根据内容自动计算合适宽度  
							height: '', //等待框背景区域高度，默认根据内容自动计算合适高度  
							//......
						}
					}
				})
			};
			mui.plusReady(function() {
				//获得当前页面 index.html
				indexWebView = plus.webview.currentWebview();
				muiWebView = plus.webview.getWebviewById('muiDemo/muiDemo.html');
				var btn_muiDemo;
				btn_muiDemo = document.getElementById('id_btn_muiDemo');
				//添加按钮点击事件
				btn_muiDemo.addEventListener('tap', function(event) {
					//alert('go');
					console.log("btn_muiDemo clicked");
					//openMuiDemoPage(); 这个不用，listview滑动有问题
					//indexWebView.close();
				});
			});
		</script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav own-main-background-color"></header>
		<div class="mui-content">
			<div id="buttom" align="center" style="background: #ff0062CC;margin-top: 30px;">
				<a href="muiDemo/muiDemo.html">
					<button id="id_btn_muiDemo" type="button" class="mui-btn mui-btn-outlined" style="width: 90%;">
					Mui组件
					</button>
				</a>

				<a href="appDemo/login.html">
					<button id="id_btn_appDemo" type="button" class="mui-btn mui-btn-outlined" style="width: 90%;margin-top: 5px;">DemoApp</button>
				</a>
				
				<a href="Demo01/demo01.html">
					<button id="id_btn_Demo01" type="button" class="mui-btn mui-btn-outlined" style="width: 90%;margin-top: 5px;">Demo01</button>
				</a>
				
			</div>
		</div>
	</body>

</html>